<template>
  <view>
    <uni-nav-bar
      fixed="true"
      @click-left="back"
      left-text="返回"
      title="提现"
      left-icon="jiantou2"
      background-color="#FFFFFF"
      right-text="提现记录"
      @click-right="showdrawal"
    ></uni-nav-bar>
    <view :style="style"></view>
    <view class="grace-padding">
      <view class="item">
        <view>提现账户:</view>
        <view>13655000320</view>
      </view>
      <view class="item">
        <view>姓名:</view>
        <view>钱多多</view>
      </view>
      <view class="item">
        <view>联系电话:</view>
        <view>13411222312</view>
      </view>
      <view class="item">
        <view>提现阿币:</view>
        <view>10000.00</view>
      </view>
      <view class="item">
        <view>到账人民币:</view>
        <view>1849元</view>
      </view>
      <view class="item">
        <view>到账时间:</view>
        <view>预计72小时内</view>
      </view>
    </view>
    <button @tap="confirmdrawal" class="btn">确认提现</button>
  </view>
</template>

<script>
import uniNavBar from "@/components/lmq-navbar/lmq-navbar";
export default {
  data() {
    return {
      option: ""
    };
  },
  onLoad(option) {
    console.log(option);
  },
  methods: {
    showdrawal() {
      uni.switchTab({
        url: "/pages/TabBar/Home/index"
      });
    },
    back() {
      console.log(41);
    },
    confirmdrawal() {
      uni.showToast({
        title: "确认提现啦",
        duration: 2000
      });
    }
  },
  computed: {
    style() {
      var systemInfo = uni.getSystemInfoSync();
      var systo = uni.getSystemInfo();
      // console.log(systemInfo.statusBarHeight);
      var statusBarHeight = systemInfo.statusBarHeight;
      return `height:${statusBarHeight + 60}px`;
    }
  },
  components: {
    uniNavBar
  }
};
</script>

<style scoped lang="scss">
page {
  background: #fff;
}
.grace-padding {
  width: 80%;
  padding: 0 10%;
}
.item {
  display: flex;
  justify-content: flex-start;
  height: 80upx;
}
.btn {
  height: 66upx;
  color: white;
  background: #007bc3;
  width: 80%;
  margin: 0 auto;
  line-height: 66upx;
  margin-top: 54upx;
}
</style>